<template>
	<view class="tickey-body">
		<view class="tickey-head">
			<text>冰峪度假区成人票</text>
			<image src="/static/close.png" class="close" @click="close()" mode=""></image>
		</view>
		<view class="tickey-area">
			<view class="sm-list">
				<view class="sm-item" v-for="(item,index) in smData" :key='index'>
					<view class="list-title">
						<text class='shu'></text>
						<text>{{item.name}}</text>
					</view>
					<text class="sm-top">(此编辑内容仅用来展示)</text>
					<view class="sm-text">
						<view class="text-item" v-for="(text,index) in item.data" :key='index'  >
							{{text}}
						</view>
					</view>
				</view>
			</view>
			
			<view class="yuding-box">
				<text class="price">￥98</text>
				<button class="yuding" @click="toOrder">立即预定</button>
			</view>
		</view>
	</view>
</template>

<script>
	export default{
		data(){
			return{
				
				smData:[
					{
						name:'预定说明',
						data:[
							'①：需要连住，增加入住晚数即可。（无增加/减少的按钮时，说明该产品不支持连住，请联系客服。）',
							'②：入住时间可以重新选择（玩乐产品的日期也可重新选择，不做操作时，与入住日期为同一天）。',
							'③：有的产品需要先选择套餐，请跟随提示进行选择。'
						]
					},
					{
						name:'费用说明',
						data:[
						'①：需要连住，增加入住晚数即可。（无增加/减少的按钮时，说明该产品不支持连住，请联系客服。）',
						'②：入住时间可以重新选择（玩乐产品的日期也可重新选择，不做操作时，与入住日期为同一天）。',
						]
					},
					{
						name:'使用说明',
						data:[
						'①：需要连住，增加入住晚数即可。（无增加/减少的按钮时，说明该产品不支持连住，请联系客服。）',
						'②：入住时间可以重新选择（玩乐产品的日期也可重新选择，不做操作时，与入住日期为同一天）。',
						]
					},
					{
						name:'时间说明',
						data:[
						'①：需要连住，增加入住晚数即可。（无增加/减少的按钮时，说明该产品不支持连住，请联系客服。）',
						'②：入住时间可以重新选择（玩乐产品的日期也可重新选择，不做操作时，与入住日期为同一天）。',
						'③：有的产品需要先选择套餐，请跟随提示进行选择。'
						]
					},
					
				],
				
			}
		},
		methods:{
			close(){
				//#ifdef APP-PLUS|| MP-WEIXIN
				this.$parent.closeTicket()
				//#endif
				//#ifndef APP-PLUS|| MP-WEIXIN
				this.$parent.$parent.closeTicket()
				//#endif
				
			},
			moreSm(){
				this.showMoreSm = true
				this.showSmNum = this.smData.length
			},
			shouqiSm(){
				this.showMoreSm = false
				this.showSmNum = 2
			},
			change(e) {
				this.current = e.detail.current;
				console.log(this.current)
			},
			toOrder(){
				uni.navigateTo({
					url:'spotOrder'
				})
			}
		}
	}
</script>

<style scoped>
	/* swiper */
	
	
	/* body */
	.tickey-body{
		width: 750upx;
		border-radius: 40upx 40upx 0 0;
		height: 1000upx;
		background: #ffffff;
		position: fixed;
		bottom: 0;
		z-index: 99;
		padding-top: 30upx;
		box-shadow:0px -1px 6px #cac4c4
	}
	.tickey-area{
		width: 750upx;
		margin-top: 30upx;
		position: absolute;
		bottom:110upx;
		height: 800upx;
		overflow:scroll;
		scroll-y:hidden;
	}
	.tickey-body::-webkit-scrollbar {
        display: none;/*隐藏滚动条*/
    }
	.tickey-head{
		width: 750upx;
		height: 60upx;
	}
	.tickey-head text{
		font-size: 36upx;
		margin-left: 43upx;
		float: left;
		line-height: 60upx;
		font-weight: bold;
	}
	.close{
		width: 20px;
		height: 20px;
		margin-right: 30upx;
		float: right;
	}

	
	.sm-list{
		width: 750upx;
		height: auto;
	}
	.sm-item{
		margin-bottom: 70upx;
		width: 750upx;
		height: auto;
	}
	.sm-text{
		width: 671upx;
		margin-left: 39upx;
	}
	.text-item{
		font-size: 28upx;
		color: #666666;
		text-indent: 56upx;
	}
	.sm-top{
		font-size: 28upx;
		margin-left: 39upx;
		color: #666666;
		margin-top: 40upx;
	}
	
	
	.list-title{
		width: 93.4%;
		margin-left: auto;
		margin-right: auto;
		height: 58.4upx;
		margin-top:20upx;
	}
	.list-title text{
		font-size: 32upx;
		font-weight: bolder;
	}
	.shu{
		width: 0.7%;
		height: 3.06vw;
		background: #55A0FF;
		float: left;
		margin-top: 2.3vw;
		margin-right: 10px;
	}
	.yuding-box{
		width: 750upx;
		margin-top: 40upx;
		position: fixed;
		bottom: 0;
		background: #FFFFFF;
		height: 98upx;
		box-shadow:0px -1px 3px #dcdada
	}
	.yuding{
		width: 240upx;
		height: 98upx;
		float: right;
		color: #FFFFFF;
		text-align: center;
		font-size: 36upx;
		border: none;
		border-radius: 0;
		line-height: 98upx;
		background: -webkit-linear-gradient(top, #54B0FF,#577AFF);
		/* Safari 5.1 - 6.0 */
		background: -o-linear-gradient(top, #54B0FF,#577AFF);
		/* Opera 11.1 - 12.0 */
		background: -moz-linear-gradient(top, #54B0FF,#577AFF);
		/* Firefox 3.6 - 15 */
		background: linear-gradient(to bottom, #54B0FF,#577AFF);
		/* 标准的语法 */
	}
	.price{
		font-size: 40upx;
		color: #E25115;
		margin-left: 46upx;
		line-height: 98upx;
	}
	.tickey-sm{
		width: 750upx;
		margin-top: 50upx;
		display: flex;
		flex-direction: row;
		justify-content:center;
	}
	.tickey-sm text{
		color: #54B0FF;
		font-size: 30upx;
	}
	.tickey-sm image{
		padding-top: 10upx;
		margin-left: 20upx;
		width: 23px;
		height: 14px;
	}
	.shouqi{
		transform:rotate(180deg);
	}
</style>
